<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<html>
<head>
<meta name="HandheldFriendly" content="True">

<meta name="MobileOptimized" content="320">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Home</title>
	
	<script src="${pageContext.request.contextPath}/resources/scripts/jquery-latest.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/scripts/videocontrols.js"></script>
    <script type="text/javascript">var contextPath = "${pageContext.request.contextPath}"; </script>
     
<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/Styles/Styles.css">
</head>
<body>
<table>
<tr><td><h3>Playing <c:out value="${video.getName()}"/></h3></td></tr>
<tr><td><input type="button" class="playButton" value="Back"  onClick="javascript:window.location='${pageContext.request.contextPath}'"/></td></tr>
<tr>
	<td><input class="playButton" id="p" type="button" value="play/pause" /></td><td><input class="playButton" id="q" type="button" value="exit" /></td>
</tr>
<tr>
<td>
<input class="playButton" id="ff" type="button" value="Fast Forward" />
</td>
<td>
<input class="playButton" id="rw" type="button" value="Rewind" />
</td>
</tr>
<tr>
<td>
<input class="playButton" id="sf" type="button" value="skip forward" />
</td>
<td>
<input class="playButton" id="sb" type="button" value="skip backward" />
</td>
</tr>
</table>
</body>
</html>
